<html>
<body>
<script src="../../resources/dump-as-markup.js"></script>
<div id="test" contenteditable></div>

<script type="text/javascript">

var test = document.getElementById('test');

function printState(command, description) {
    var underlineState = document.queryCommandState('underline');
    var strikeThroughState = document.queryCommandState('strikeThrough');
    var state = 'no text decorations';
    if (underlineState && strikeThroughState)
        state = 'underline and strike';
    else if (underlineState)
        state = 'underline';
    else (strikeThroughState)
        state = 'strike';
    Markup.dump(test, 'Has ' + state + (description ? " " + description : "") + " in");
}

function runTextDecorationTest(command) {
    printState(command, 'before adding ' + command);
    document.execCommand(command, false, null);
    printState(command, 'after adding ' + command);
    document.execCommand("InsertText", false, 'x');
    document.execCommand("InsertText", false, 'x');
    printState(command);
    window.getSelection().modify('move', 'backward', 'character');
    printState(command);

    document.execCommand(command, false, null);
    printState(command, 'after removing ' + command);
    document.execCommand("InsertText", false, 'x');
    printState(command);

    window.getSelection().modify('move', 'forward', 'line');
    printState(command, 'before removing ' + command);
    document.execCommand(command, false, null);
    printState(command, 'after removing ' + command);
    document.execCommand("InsertText", false, 'x');
    printState(command);
}

window.getSelection().collapse(test, 0);
runTextDecorationTest('underline');
runTextDecorationTest('strikeThrough');

</script>
</body>
</html>
